@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
//海报部分
.course_banner{
//  width: r(640);
    height: r(357);
    position: relative;
}
.course_banner>img{
    width: 100%;
}
.banner_tit_bg{
    width: 100%;
    height: r(104);
    background-color: rgba(63,61,61,0.6);
    position: absolute;
    bottom: 0;
}
.banner_tit{
    margin: r(18) 0 0 r(30);
}
.banner_tit>p:first-of-type{
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: r(591);
    font-size: 18px;
}
.article_inf{
    color: white;
}
.article_inf>p{
    display: inline-block;
    font-size: 14px;
    i{
        font-size: 13px;
        
    }
}
.article_inf>p>span{
    padding: 0 5px;
}
//内容部分
.course_cont{
    background-color: #f5f5f5;
}
.course_item_bg{
    background-color: #FFFFFF;
    margin: r(26) auto;
    
}
.course_item{
    width: r(585);
    margin: r(26) auto;
    

}
.course_infor{
    border-bottom: 1px solid #dddddd;
    
}

.user_pic{
    width: r(58);
    height: r(58);
    background-color: #898989;
    border-radius: 50%;
    display: inline-block;
}
.user_name{
    display: inline-block;
    color: #c5c5c5;
    vertical-align: top;
    padding-left: 5px;
    p:nth-child(1){
        font-size: 18px;
    }
    p:nth-child(2){
        font-size: 14px;
    }
    
}
.course_tit{
    color: #323232;
    font-size: 18px;
    padding: 5px 0;
}
.course_date{
    float: right;
    font-size: 12px;
    color: #323232;
    padding-top: 10px;
}
.sign_but{
    float: right;
    font-size: 16px;
    background-color: #b20000;
    color: white;
    p{
        padding: 6px 12px;
        i{
            margin-left: 5px;
        }
    }
}



.course_pic img{
    width: 100%;
    padding-top: 15px;
}


//底部项目颜色
div[class="foot_item"]:nth-child(5){
    color: #b60207;
}
